<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="/static/css/binding-mobile.css">
    <link rel="shortcut icon" href="/static/favicon.ico">
</head>
<body>
    <div class="form-wrap" style="margin-top: 60px">
        <div class="form-item">
            <label class="form-label">手机号</label>
            <div class="input-block">
                <input type="text" id="binding_mobile" placeholder="请输入手机号" class="input">
            </div>
        </div>
        <div class="form-item">
            <label class="form-label">验证码</label>
            <div class="input-block code-input">
                <input id="binding_ran_code" type="text" placeholder="请输入图片验证码" class="input">
                <img id="captchaPic" src="/auth/captcha/text" alt="验证码，点击图片更换" onclick="this.src='/auth/captcha/text?random='+Math.random();">
            </div>
        </div>
        <div class="form-item">
            <label class="form-label">短信码</label>
            <div class="input-block code-input">
                <input id="binding_mobile_code" type="text" placeholder="手机短信码" class="input">
                <button type="button" id="btn_send_binding" class="btn-getCode">获取短信码</button>
            </div>
        </div>
    </div>
    <a href="javascript:void(0)" id="binding_mobile_button" class="btn-submit">绑定手机</a>
<script type="text/javascript" src="/static/libs/jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/static/libs/layui-v2.6.8/layui.js"></script>
<script type="text/javascript" src="/static/js/common.js?v=2021082015"></script>
<script type="text/javascript" src="/static/js/auth/binding.js?v=2021082015"></script>
</body>
</html>